import type { FC } from 'react';

import BaseDiv from '@/components/baseDiv';

import styles from './index.less';

import TextView from '../text';

const Problems: FC = () => {
  const baseStyles: React.CSSProperties = {
    height: 368,
    backgroundColor: '#F8F9FC',
  };
  const dataArr: string[] = [
    '生产出现问题我该怎么办？',
    '这是什么问题，我该找谁？',
    '维修人员迟迟不来，影响生产，影响绩效怎么办？',
  ];
  const dataArr1: string[] = [
    '生产总是出现各种问题，却又找不到问题的根本原因',
    '支持人员绩效考核难，缺乏有力的数据支撑',
    '无数据报告，工作汇报难上加难',
  ];
  return (
    <BaseDiv baseStyles={baseStyles}>
      <div className={styles.titleContent}>你的企业是否存在这些问题？</div>
      <div className={styles.textContent}>
        <div style={{ width: '100%', height: '100%' }}>
          <TextView title="一线工作人员" dataSource={dataArr} />
        </div>
        <div style={{ width: '100%', height: '100%' }}>
          <TextView title="生产管理者" dataSource={dataArr1} />
        </div>
      </div>
    </BaseDiv>
  );
};

export default Problems;
